<template>
<div id="poplaye">
  <div class="pop_up">
    <ul class="message">
      <li>提示</li>
      <li>你的投资意向已记录，稍后会有工作人员与你联系</li>
      <li @click="closelayer">返回</li>
    </ul>
  </div>
</div>
</template>
<style>
  #poplaye{
    position: fixed;
    left:0;
    top:0;
    bottom:0;
    right:0;
    background:rgba(0,0,0,0.5)
  }
  .pop_up{
    width:90%;
    /*margin-left:5%;*/
    border-radius:0.15rem;
    background:#fff;
    position:absolute;
    left:5%;
    top:50%;
    transform: translateY(-50%);
    border: 1px solid #ccc;
    overflow: auto;
    /*display:none;*/
  }
  ul.message li{
    font-size:0.32rem;
    text-align: center;
  }
  ul.message li:nth-child(1){
    padding:0.3rem 0;
    position:relative;
  }
  ul.message li:nth-child(1):after{
    content:"";
    display:block;
    width:80%;
    position:absolute;
    bottom:0;
    left:10%;
    height:1px;
    background:#eee;
  }
  ul.message li:nth-child(2){
    padding:0.5rem 10%;

  }
  ul.message li:nth-child(3){
    padding:0.32rem 0;
    background:#eeeeee;
    color:#999;
  }
</style>
<script>

    export default{
        data(){
            return {
            }
        },
         methods:{
         closelayer(){
           this.$emit('closePop',false)
         }
       }


    }

</script>
